
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>登录</title>
<link rel="icon" href="images/favicon.png">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="in.css">
</head>
<body>
<section class="user-form-part">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-10 col-md-8 col-lg-6 col-xl-5">
        <div class="user-form-logo"><a href="index.html"><img src="image/logo.png" alt="logo"></a></div>
        <div class="user-form-card">
          <div class="user-form-title">
            <h2>欢迎！</h2>
            <p>邮箱登录</p>
          </div>
          <form class="user-form">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="邮箱">
            </div>
            <div class="form-group">
              <input type="password" class="form-control" placeholder="输入密码">
            </div>
            <div class="form-button">
              <button type="submit">登录</button>
              <p>忘记密码? <a href="index02.html">重置密码</a></p>
            </div>
          </form>
        </div>
        <div class="user-form-remind">
          <p>没有账号<a href="index03.html">点击注册</a></p>
        </div>
        <div class="user-form-footer">
          <p>Organe | &COPY;Copyright by <a href="#">Mironcoder</a></p>
        </div>
      </div>
    </div>
  </div>
</section>
</body>
</html>